<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css链接样式之背景颜色</title>
    <!--背景颜色-->
    <!--背景颜色属性指定链接背景色：-->
    <style>
        a:link {background-color: #B2FF99;}  /*未访问链接*/
        a:visited {background-color: #FFFF85;}  /*已访问链接*/
        a:hover {background-color: #FF704D;}  /*鼠标移动到链接上*/
        a:active {background-color: #FF704D;}  /*鼠标点击时*/
    </style>
</head>
<body>
<p><b><a href="http://www.baidu.com" target="_blank">这是一个链接</a></b></p>
<p><b>注意：</b>hover必须在a:link和a:visited之后定义才有效</p>
<p><b>注意：</b>active必须定义在hover之后才有效</p>
</body>
</html>